<!DOCTYPE html>
<html>
<meta charset=utf-8>
<title>XX学校</title>
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8000/static/css/head.css">

<style>
#div6 {
	width: 100%;
	height: 45px;
	background: #0aa6d6;
	color: #fff;
	text-align: center;
	line-height: 45px
}

.search-detail-box {
	width: 998px;
	margin: 0 auto 15px auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	min-height:900px
}

.search-detail-box .content-box {
	width: 950px;
	padding: 0 20px;
	float: right
}

.search-detail-box .content-box .content {
	padding: 0 0 20px 0;
	min-height: 600px
}

.search-detail-box .content-box h1 {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dotted #0aa6d6;
	font-size: 16px;
	text-align: center;
}
</style>

<body>
<div class="header-top clearfix">
 <div class="logo">
 <img src="http://127.0.0.1:8000/static/image/logo1.png">
 </div>
 <div class="logo-name">XX学校</div>
</div>

<div class="search-detail-box clearfix">
 <div class=content-box>
  <h1>{{ detail.article_title }}</h1>
  <span style="margin-left:865px">{{ detail.article_date|date:'Y-m-d' }}</span>
  <div class=content>
   {{ detail.article_content|safe }}
  </div>
 </div>
</div>

<div id=div6>Copyright © 2012 XX学校 All rights reserved.</div>

</body>
</html>